<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>京东首页右侧固定层</title>
    <link href="css/nav.css" rel="stylesheet">
</head>
<body>
<nav id="nav">
    <li ><span></span><p>京东会员</p></li>
    <li><span></span><p>购物车</p></li>
    <li><span></span><p>我的关注</p></li>
    <li><span></span><p>我的足迹</p></li>
    <li><span></span><p>我的消息</p></li>
    <li><span></span><p>咨询JIMI</p></li>
</nav>
</body>
<script src="../../lib/font/jquery.min.js"></script>
<script>
     $("#nav li ").hover(
         function(){
             $(this).addClass('active');
             $(this).children('p').show();
         },
         function(){
             $(this).removeClass('active');
             $(this).children('p').hide();
         }

     )
     

</script>
</html>